
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-shipin2"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-taobao"></i>
                    <div class="name">淘宝</div>
                    <div class="fontclass">.icon-taobao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouwucheman"></i>
                    <div class="name">购物车满</div>
                    <div class="fontclass">.icon-gouwucheman</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia1"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouwuche"></i>
                    <div class="name">购物车</div>
                    <div class="fontclass">.icon-gouwuche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui5"></i>
                    <div class="name">返回5</div>
                    <div class="fontclass">.icon-fanhui5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding1"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifahuo"></i>
                    <div class="name">已发货</div>
                    <div class="fontclass">.icon-yifahuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxiazhankai"></i>
                    <div class="name">向下展开</div>
                    <div class="fontclass">.icon-xiangxiazhankai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiu"></i>
                    <div class="name">维修</div>
                    <div class="fontclass">.icon-weixiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-31paixingbang"></i>
                    <div class="name">3.1-排行榜</div>
                    <div class="fontclass">.icon-31paixingbang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao201"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-tubiao201</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-unie123"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-unie123</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-product"></i>
                    <div class="name">产品</div>
                    <div class="fontclass">.icon-product</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohangshouye"></i>
                    <div class="name">导航-首页</div>
                    <div class="fontclass">.icon-daohangshouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohanggouwuche"></i>
                    <div class="name">导航-购物车</div>
                    <div class="fontclass">.icon-daohanggouwuche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daifukuan"></i>
                    <div class="name">待付款</div>
                    <div class="fontclass">.icon-daifukuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">群蜂电话</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdf2"></i>
                    <div class="name">PDF2</div>
                    <div class="fontclass">.icon-pdf2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-right"></i>
                    <div class="name">对号-无框</div>
                    <div class="fontclass">.icon-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixingbang"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paixingbang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youjian1"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-youjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodong"></i>
                    <div class="name">活动</div>
                    <div class="fontclass">.icon-huodong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua1"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouwuche1"></i>
                    <div class="name">购物车</div>
                    <div class="fontclass">.icon-gouwuche1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daifukuan1"></i>
                    <div class="name">待付款</div>
                    <div class="fontclass">.icon-daifukuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontpaihangbang"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-iconfontpaihangbang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youku"></i>
                    <div class="name">优酷</div>
                    <div class="fontclass">.icon-youku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui1"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouarrow499"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantouarrow499</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-6"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuitetwitter44"></i>
                    <div class="name">推特_twitter44</div>
                    <div class="fontclass">.icon-tuitetwitter44</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouwuche2"></i>
                    <div class="name">购物车</div>
                    <div class="fontclass">.icon-gouwuche2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shang"></i>
                    <div class="name">上</div>
                    <div class="fontclass">.icon-shang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding2"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui2"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiuquanqiu"></i>
                    <div class="name">地球 全球</div>
                    <div class="fontclass">.icon-diqiuquanqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia2"></i>
                    <div class="name">向下2</div>
                    <div class="fontclass">.icon-xiangxia2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconzhenghe30"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-iconzhenghe30</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuangongguanli-copy"></i>
                    <div class="name">员工管理</div>
                    <div class="fontclass">.icon-yuangongguanli-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuiquan"></i>
                    <div class="name">优惠券</div>
                    <div class="fontclass">.icon-youhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin1"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua2"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-arrow-top4"></i>
                    <div class="name">上</div>
                    <div class="fontclass">.icon-icon-arrow-top4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban"></i>
                    <div class="name">待付款订单</div>
                    <div class="fontclass">.icon-moban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wechat"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-wechat</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-video"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-video</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuiquanquanmian"></i>
                    <div class="name">优惠券 券面</div>
                    <div class="fontclass">.icon-youhuiquanquanmian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanguanli"></i>
                    <div class="name">会员管理</div>
                    <div class="fontclass">.icon-huiyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontyoujian2"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-iconfontyoujian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jienenghuanbao"></i>
                    <div class="name">节能环保</div>
                    <div class="fontclass">.icon-jienenghuanbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon4"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-icon4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifen1"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cy1-copy"></i>
                    <div class="name">服务</div>
                    <div class="fontclass">.icon-cy1-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua3"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiaquan1"></i>
                    <div class="name">卡券</div>
                    <div class="fontclass">.icon-qiaquan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyuezhongxin"></i>
                    <div class="name">预约中心</div>
                    <div class="fontclass">.icon-yuyuezhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua4"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-intro3"></i>
                    <div class="name">简介</div>
                    <div class="fontclass">.icon-intro3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin1"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao"></i>
                    <div class="name">对号</div>
                    <div class="fontclass">.icon-duihao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youku1"></i>
                    <div class="name">优酷</div>
                    <div class="fontclass">.icon-youku1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-return"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-return</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq1"></i>
                    <div class="name">qq</div>
                    <div class="fontclass">.icon-qq1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin-copy"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangyinzhifu"></i>
                    <div class="name">网银支付</div>
                    <div class="fontclass">.icon-wangyinzhifu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-filepdf"></i>
                    <div class="name">pdf文件</div>
                    <div class="fontclass">.icon-filepdf</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanliebiao"></i>
                    <div class="name">订单-列表</div>
                    <div class="fontclass">.icon-dingdanliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_video"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-icon_video</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodong1"></i>
                    <div class="name">活动</div>
                    <div class="fontclass">.icon-huodong1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yugouweidianji"></i>
                    <div class="name">预购-未点击</div>
                    <div class="fontclass">.icon-yugouweidianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saomiao"></i>
                    <div class="name">扫描</div>
                    <div class="fontclass">.icon-saomiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdf"></i>
                    <div class="name">pdf</div>
                    <div class="fontclass">.icon-pdf</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouyejiedan"></i>
                    <div class="name">首页 接单</div>
                    <div class="fontclass">.icon-shouyejiedan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia1"></i>
                    <div class="name">加</div>
                    <div class="fontclass">.icon-jia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiao1"></i>
                    <div class="name">分销</div>
                    <div class="fontclass">.icon-fenxiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui3"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua5"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifukuan"></i>
                    <div class="name">已付款</div>
                    <div class="fontclass">.icon-yifukuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite"></i>
                    <div class="name">推特</div>
                    <div class="fontclass">.icon-tuite</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding3"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiaquan"></i>
                    <div class="name">卡券</div>
                    <div class="fontclass">.icon-qiaquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paixingbang1"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paixingbang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpin"></i>
                    <div class="name">商品</div>
                    <div class="fontclass">.icon-shangpin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinlangweibo"></i>
                    <div class="name">新浪微博</div>
                    <div class="fontclass">.icon-xinlangweibo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua6"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shang1"></i>
                    <div class="name">上</div>
                    <div class="fontclass">.icon-shang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfenxiaoguanli"></i>
                    <div class="name">分账管理</div>
                    <div class="fontclass">.icon-iconfenxiaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifen"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fankui1"></i>
                    <div class="name">反馈</div>
                    <div class="fontclass">.icon-fankui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-facebook-copy"></i>
                    <div class="name">facebook</div>
                    <div class="fontclass">.icon-facebook-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao2"></i>
                    <div class="name">对号2</div>
                    <div class="fontclass">.icon-duihao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia3"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhifupeizhi"></i>
                    <div class="name">支付配置</div>
                    <div class="fontclass">.icon-zhifupeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingxiaoshang"></i>
                    <div class="name">经销商管理</div>
                    <div class="fontclass">.icon-jingxiaoshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui4"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu1"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huodong2"></i>
                    <div class="name">活动</div>
                    <div class="fontclass">.icon-huodong2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youjian"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-youjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erweima"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianpu"></i>
                    <div class="name">店铺</div>
                    <div class="fontclass">.icon-dianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus-shiftdown"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-plus-shiftdown</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-julebu"></i>
                    <div class="name">俱乐部</div>
                    <div class="fontclass">.icon-julebu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuxiao-s"></i>
                    <div class="name">推荐</div>
                    <div class="fontclass">.icon-cuxiao-s</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia4"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifenduihuan"></i>
                    <div class="name">积分兑换</div>
                    <div class="fontclass">.icon-jifenduihuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dvt-email"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-dvt-email</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-1"></i>
                    <div class="name">上升</div>
                    <div class="fontclass">.icon-1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dashuju16"></i>
                    <div class="name">大数据</div>
                    <div class="fontclass">.icon-dashuju16</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-79"></i>
                    <div class="name">上升</div>
                    <div class="fontclass">.icon-79</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiu1"></i>
                    <div class="name">维修</div>
                    <div class="fontclass">.icon-weixiu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianpu1"></i>
                    <div class="name">店铺</div>
                    <div class="fontclass">.icon-dianpu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifukuan1"></i>
                    <div class="name">已付款</div>
                    <div class="fontclass">.icon-yifukuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin5"></i>
                    <div class="name">微信 </div>
                    <div class="fontclass">.icon-weixin5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_jifen"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-icon_jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-video1"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-video1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianjie"></i>
                    <div class="name">简介</div>
                    <div class="fontclass">.icon-jianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangla"></i>
                    <div class="name">上拉</div>
                    <div class="fontclass">.icon-shangla</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xishuixing"></i>
                    <div class="name">吸水性</div>
                    <div class="fontclass">.icon-xishuixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-choujiang"></i>
                    <div class="name">抽奖</div>
                    <div class="fontclass">.icon-choujiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ic_view_headline_px"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-ic_view_headline_px</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin6"></i>
                    <div class="name">微信 (1)</div>
                    <div class="fontclass">.icon-weixin6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu2"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin2"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingxiaoshang1"></i>
                    <div class="name">经销商</div>
                    <div class="fontclass">.icon-jingxiaoshang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinwen"></i>
                    <div class="name">新闻</div>
                    <div class="fontclass">.icon-xinwen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin3"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test"></i>
                    <div class="name">简约全套icon</div>
                    <div class="fontclass">.icon-icon-test</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite_twitter"></i>
                    <div class="name">推特_twitter43</div>
                    <div class="fontclass">.icon-tuite_twitter</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-PCbofangye_paihangbang"></i>
                    <div class="name">PC播放页_排行榜</div>
                    <div class="fontclass">.icon-PCbofangye_paihangbang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifahuo1"></i>
                    <div class="name">已发货</div>
                    <div class="fontclass">.icon-yifahuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhibao"></i>
                    <div class="name">质保</div>
                    <div class="fontclass">.icon-zhibao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pdf1"></i>
                    <div class="name">pdf</div>
                    <div class="fontclass">.icon-pdf1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanbao"></i>
                    <div class="name">环保</div>
                    <div class="fontclass">.icon-huanbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fankui"></i>
                    <div class="name">反馈</div>
                    <div class="fontclass">.icon-fankui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuxiaoyuyue"></i>
                    <div class="name">无效预约</div>
                    <div class="fontclass">.icon-wuxiaoyuyue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youjian2"></i>
                    <div class="name">邮件</div>
                    <div class="fontclass">.icon-youjian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin3"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouhou"></i>
                    <div class="name">售后</div>
                    <div class="fontclass">.icon-shouhou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiao"></i>
                    <div class="name">分销</div>
                    <div class="fontclass">.icon-fenxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang1"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianpu2"></i>
                    <div class="name">店铺</div>
                    <div class="fontclass">.icon-dianpu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite_twitter1"></i>
                    <div class="name">推特_twitter10</div>
                    <div class="fontclass">.icon-tuite_twitter1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianjie1"></i>
                    <div class="name">简介</div>
                    <div class="fontclass">.icon-jianjie1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuxiao"></i>
                    <div class="name">无效</div>
                    <div class="fontclass">.icon-wuxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jibenxinxi1"></i>
                    <div class="name">基本信息</div>
                    <div class="fontclass">.icon-jibenxinxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinwen1"></i>
                    <div class="name">新闻</div>
                    <div class="fontclass">.icon-xinwen1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuiguang"></i>
                    <div class="name">推广</div>
                    <div class="fontclass">.icon-tuiguang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpin1"></i>
                    <div class="name">商品</div>
                    <div class="fontclass">.icon-shangpin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tian7_facebook"></i>
                    <div class="name">FaceBook</div>
                    <div class="fontclass">.icon-tian7_facebook</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-menu"></i>
                    <div class="name">导航、更多</div>
                    <div class="fontclass">.icon-menu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">公共-日期 </div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangbang"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paihangbang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin-tianchong"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin-tianchong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuijian"></i>
                    <div class="name">推荐</div>
                    <div class="fontclass">.icon-tuijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-facebook"></i>
                    <div class="name">im-facebook</div>
                    <div class="fontclass">.icon-facebook</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wxpay"></i>
                    <div class="name">微信支付</div>
                    <div class="fontclass">.icon-wxpay</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-facebook1"></i>
                    <div class="name">facebook</div>
                    <div class="fontclass">.icon-facebook1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiu2"></i>
                    <div class="name">维修</div>
                    <div class="fontclass">.icon-weixiu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang2"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu3"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jishi"></i>
                    <div class="name">技师</div>
                    <div class="fontclass">.icon-jishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-noun__cc"></i>
                    <div class="name">服务</div>
                    <div class="fontclass">.icon-noun__cc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jihuo"></i>
                    <div class="name">激活</div>
                    <div class="fontclass">.icon-jihuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hexiaoliebiao"></i>
                    <div class="name">核销列表</div>
                    <div class="fontclass">.icon-hexiaoliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang3"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding4"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwu"></i>
                    <div class="name">服 务</div>
                    <div class="fontclass">.icon-fuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weipaiicon_lingxian"></i>
                    <div class="name">微拍icon_领先</div>
                    <div class="fontclass">.icon-weipaiicon_lingxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanbaoshuiwudashuju"></i>
                    <div class="name">环保水务大数据</div>
                    <div class="fontclass">.icon-huanbaoshuiwudashuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangbang1"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paihangbang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohangguanbi-"></i>
                    <div class="name">导航 关闭</div>
                    <div class="fontclass">.icon-daohangguanbi-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuxiaodingdan"></i>
                    <div class="name">无效订单</div>
                    <div class="fontclass">.icon-wuxiaodingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-facebook2"></i>
                    <div class="name">facebook</div>
                    <div class="fontclass">.icon-facebook2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpinshezhi"></i>
                    <div class="name">商品设置</div>
                    <div class="fontclass">.icon-shangpinshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangbang2"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paihangbang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cuxiao"></i>
                    <div class="name">促销</div>
                    <div class="fontclass">.icon-cuxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rili"></i>
                    <div class="name">日历 日期</div>
                    <div class="fontclass">.icon-rili</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin4"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianpu3"></i>
                    <div class="name">店铺</div>
                    <div class="fontclass">.icon-dianpu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hot2"></i>
                    <div class="name">热销</div>
                    <div class="fontclass">.icon-hot2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-scrm_zhifupeizhi"></i>
                    <div class="name">scrm_支付配置</div>
                    <div class="fontclass">.icon-scrm_zhifupeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconmaintain-copy"></i>
                    <div class="name">保养</div>
                    <div class="fontclass">.icon-iconmaintain-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite1"></i>
                    <div class="name">推特</div>
                    <div class="fontclass">.icon-tuite1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hongbao"></i>
                    <div class="name">红包</div>
                    <div class="fontclass">.icon-hongbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianjie2"></i>
                    <div class="name">简介</div>
                    <div class="fontclass">.icon-jianjie2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiugongge"></i>
                    <div class="name">九宫格</div>
                    <div class="fontclass">.icon-jiugongge</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rukou"></i>
                    <div class="name">入口</div>
                    <div class="fontclass">.icon-rukou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifahuo2"></i>
                    <div class="name">已发货</div>
                    <div class="fontclass">.icon-yifahuo2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jibenxinxi"></i>
                    <div class="name">基本信息</div>
                    <div class="fontclass">.icon-jibenxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifukuan2"></i>
                    <div class="name">已付款</div>
                    <div class="fontclass">.icon-yifukuan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite2"></i>
                    <div class="name">推特</div>
                    <div class="fontclass">.icon-tuite2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpin2"></i>
                    <div class="name">商品</div>
                    <div class="fontclass">.icon-shangpin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Facebook"></i>
                    <div class="name">web-Facebook</div>
                    <div class="fontclass">.icon-Facebook</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiu3"></i>
                    <div class="name">维修</div>
                    <div class="fontclass">.icon-weixiu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti-"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-weibiaoti-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpin3"></i>
                    <div class="name">商品</div>
                    <div class="fontclass">.icon-shangpin3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui6"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifahuo3"></i>
                    <div class="name">已发货</div>
                    <div class="fontclass">.icon-yifahuo3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuiquan1"></i>
                    <div class="name">优惠券</div>
                    <div class="fontclass">.icon-youhuiquan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dinghuodan"></i>
                    <div class="name">订货单</div>
                    <div class="fontclass">.icon-dinghuodan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangbang3"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paihangbang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangpin4"></i>
                    <div class="name">商品</div>
                    <div class="fontclass">.icon-shangpin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifen2"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyueban"></i>
                    <div class="name">简约版</div>
                    <div class="fontclass">.icon-jianyueban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui7"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weituodaikuanzhanqiweihu"></i>
                    <div class="name">委托贷款展期维护</div>
                    <div class="fontclass">.icon-weituodaikuanzhanqiweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuiquan2"></i>
                    <div class="name">优惠券</div>
                    <div class="fontclass">.icon-youhuiquan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwu1"></i>
                    <div class="name">服务</div>
                    <div class="fontclass">.icon-fuwu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuijian1"></i>
                    <div class="name">推荐</div>
                    <div class="fontclass">.icon-tuijian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jifen3"></i>
                    <div class="name">积分</div>
                    <div class="fontclass">.icon-jifen3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifukuan3"></i>
                    <div class="name">已付款</div>
                    <div class="fontclass">.icon-yifukuan3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin4"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingzhi"></i>
                    <div class="name">定制</div>
                    <div class="fontclass">.icon-dingzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingxiaoshang2"></i>
                    <div class="name">经销商</div>
                    <div class="fontclass">.icon-jingxiaoshang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite3"></i>
                    <div class="name">推特</div>
                    <div class="fontclass">.icon-tuite3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangbang4"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paihangbang4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuite4"></i>
                    <div class="name">推特</div>
                    <div class="fontclass">.icon-tuite4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei"></i>
                    <div class="name">搜索1</div>
                    <div class="fontclass">.icon-fenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding5"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ic_upload"></i>
                    <div class="name">上传</div>
                    <div class="fontclass">.icon-ic_upload</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin5"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwu2"></i>
                    <div class="name">服务</div>
                    <div class="fontclass">.icon-fuwu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui8"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-fanhui8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinwen2"></i>
                    <div class="name">新闻</div>
                    <div class="fontclass">.icon-xinwen2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bangding6"></i>
                    <div class="name">绑定</div>
                    <div class="fontclass">.icon-bangding6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-store"></i>
                    <div class="name">店铺</div>
                    <div class="fontclass">.icon-store</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youku2"></i>
                    <div class="name">优酷</div>
                    <div class="fontclass">.icon-youku2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia5"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-address-fill"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-address-fill</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia6"></i>
                    <div class="name">向下 (1)</div>
                    <div class="fontclass">.icon-xiangxia6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi1"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test1"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-icon-test1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwu3"></i>
                    <div class="name">服务</div>
                    <div class="fontclass">.icon-fuwu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-star"></i>
                    <div class="name">收 藏</div>
                    <div class="fontclass">.icon-star</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingxiaoshang3"></i>
                    <div class="name">经销商</div>
                    <div class="fontclass">.icon-jingxiaoshang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingweiweizhi"></i>
                    <div class="name">定位 位置</div>
                    <div class="fontclass">.icon-dingweiweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Mzhan-icon-duoyanghua-xuanzhong"></i>
                    <div class="name">M站-icon-多样化-选中</div>
                    <div class="fontclass">.icon-Mzhan-icon-duoyanghua-xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwu4"></i>
                    <div class="name">服 务</div>
                    <div class="fontclass">.icon-fuwu4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiaquan2"></i>
                    <div class="name">卡券</div>
                    <div class="fontclass">.icon-qiaquan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingweiweizhizuobiaoxianxing"></i>
                    <div class="name">定位 位置 坐标 线性</div>
                    <div class="fontclass">.icon-dingweiweizhizuobiaoxianxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rexiao"></i>
                    <div class="name">热销 (2)</div>
                    <div class="fontclass">.icon-rexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daifukuan2"></i>
                    <div class="name">待付款</div>
                    <div class="fontclass">.icon-daifukuan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收 藏-填充</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon--copy"></i>
                    <div class="name">订单</div>
                    <div class="fontclass">.icon-icon--copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanbao1"></i>
                    <div class="name">环保</div>
                    <div class="fontclass">.icon-huanbao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rexiao1"></i>
                    <div class="name">热销</div>
                    <div class="fontclass">.icon-rexiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youhuiquan3"></i>
                    <div class="name">优惠券</div>
                    <div class="fontclass">.icon-youhuiquan3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-upper"></i>
                    <div class="name">上</div>
                    <div class="fontclass">.icon-upper</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuxiaokehu"></i>
                    <div class="name">无效客户</div>
                    <div class="fontclass">.icon-wuxiaokehu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo1"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test2"></i>
                    <div class="name">九宫格</div>
                    <div class="fontclass">.icon-icon-test2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-el-icon-custom-order"></i>
                    <div class="name">订单管理</div>
                    <div class="fontclass">.icon-el-icon-custom-order</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia7"></i>
                    <div class="name">向下</div>
                    <div class="fontclass">.icon-xiangxia7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yifukuan4"></i>
                    <div class="name">已付款</div>
                    <div class="fontclass">.icon-yifukuan4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianchongxing-"></i>
                    <div class="name">返回</div>
                    <div class="fontclass">.icon-tianchongxing-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-datuzhanshi"></i>
                    <div class="name">大图展示</div>
                    <div class="fontclass">.icon-datuzhanshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao1"></i>
                    <div class="name">对号</div>
                    <div class="fontclass">.icon-duihao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chanpin"></i>
                    <div class="name">产品</div>
                    <div class="fontclass">.icon-chanpin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi2"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paihangbang--"></i>
                    <div class="name">排行榜</div>
                    <div class="fontclass">.icon-paihangbang--</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuxiaoshuju"></i>
                    <div class="name">无效数据</div>
                    <div class="fontclass">.icon-wuxiaoshuju</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
